import React, { Suspense } from "react";
import routes from "@/router";
import { useRoutes } from "react-router-dom";
import AppHeader from "@/components/app-header";
import AppFooter from "@/components/app-footer";
import AppPlayerBar from "@/views/player/app-player-bar";

function App() {
  return (
    <div>
      <AppHeader></AppHeader>
      <Suspense fallback={<div>加载中...</div>}>
        <div className="content">{useRoutes(routes)}</div>
      </Suspense>
      <AppFooter></AppFooter>
      {/* 播放器工具栏 */}
      <AppPlayerBar />
    </div>
  );
}

export default App;
